<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <!--覆盖上列样式  -->
    <link rel="stylesheet" href="res/layui/css/layui.css">
    <link rel="stylesheet" href="res/css/global.css">
    <link rel="stylesheet" href="res/css/style.css"/>
    <link rel="stylesheet" href="res/layui/extend/steps/style.css">
  <body >
 

   <div class="header">
      <div class="main">
         <a href="main.html"><img class="fl logoimg" src="res/images/fly.jpg"></a>
         <a class="title fl" href="#">
          我是学生</a>
         <a class="title fl" href="#"> 
          帮助中心</a>
       
        <div class="nav-user">

            <div class="fl user-header-top">
            <a class="lindang" href="">
            <img src="res/images/tx.png">
            </a>
         <div class="tanshow">
            <div class="triangle"></div>
          <div class="personal-fun ">

              <ul>
                  <li class="fun-list">
                      <a href="javascript:;">粉丝</a>
                  </li>
                  <li class="fun-list">
                      <a href="javascript:;">课程标签</a>
                  </li>
                  <li class="fun-list">
                      <a href="javascript:;">系统通知</a>
                  </li>
              </ul>
              </div>
             </div>
              </div>
            <div class="fl user-header-top">
            <a class="lindang "  href="">
            <img src="res/images/xx.png">
            </a>
                        <div class="tanshow">
            <div class="triangle"></div>
          <div class="personal-fun ">

              <ul>
                  <li class="fun-list">
                      <a href="javascript:;">私聊</a>
                  </li>
                  <li class="fun-list">
                      <a href="javascript:;">群聊</a>
                  </li>
               
              </ul>
              </div>
             </div>
            </div>
         <div class="fl user-header-top">
            <a   class="iconfont   icon-touxiang layui-hide-xs" style="margin-top: 4px; display: inline-block;">
            </a>

            <div class="tanshow">
            <div class="triangle"></div>
          <div class="personal-fun ">

              <ul>
                  <li class="fun-list">
                      <a href="setting.html">系统设置</a>
                  </li>
                  <li class="fun-list">
                      <a href="javascript:;">退出登录</a>
                  </li>
              </ul>
              </div>
             </div>
          </div>
        </div>
      </div>
    </div>





     <div class="risk_wrap" >      
     <!--右侧内容开始-->
        <div class="biantitle">编辑《电商banner设计进阶版》</div>
        <div class="account_quan" >
         <div class="basic_infor">
   
                 <ul class="basic_two layui-form">
                     <li>
                        <span1 class="fl">课程封面</span1>
                 
                     
                    </li>
                      <div class="addtuchu">
                       <img  class="fl" src="res/images/sc3.png">
                         <div class="fl xianchuanc" style="margin: 30px 0 0 30px;">
                          <p class=" cursorlan" >更改封面</p>       
                         <p class=" ">图片要求：</p>
                         <p class=" ">1.尺寸大于800*600分辨率小于96dpi大小小于2M</p>
                           <p class=" ">2.支持JPG格式图片</p>
                          <p class=" ">3.该字段修改需审核，请确认后提交</p>
                          </div>
                      
                     
                    </div>
                      <div class="clear"></div>
                    <li>
                        <span class="fl">课程名称</span>       
                         <span class="fl" >电商banner设计进阶版</span>          
                    </li>
                   
                    <li>
                            
                        <span class="fl">所属类目</span>       
                         <span class="fl" >移动端UI设计</span> 
                    </li>
                                      
                     <li>
                        <span class="fl">课程类型</span>      
                         <span class="fl">直播课程</span>                        
                    </li>
                 
                  <li>
                        <span class="fl">课程起止日期</span>
                                              
                      <span class="fl">2018-01-10至2018-06-10</span>   
                   </li>
                    <li>
                        <span class="fl">课程价格</span>                                              
                         <span class="fl">50</span>         
                    </li>
                     
                        <li>
                        <span class="fl">班级群号</span>       
                           <span class="fl">1231250</span>              
                        </li>

                         <li>
                       
                        </li>
                        <li>
                        <span1 class="fl">课程教师</span1>
                       </li>
                      <div class="teacherkuang">
                      <img class="fl" src="res/images/869341256.png">
                      <div class="fl wcontent">
                          <p>甄妮</p>
                          <p>目前任职于腾讯，目前任职于腾讯，目前任职于腾讯，目前任职于腾讯目前任职于腾讯目前任职于腾讯目前任职于腾讯目前任职于腾讯目前任职于腾讯，目前任职于腾讯，目前任职于腾讯，
                          </p>
                          <p><span>编辑</span><span>删除</span></p>
                       </div>
                       <div class="clear"></div>
                      </div>
                      
                      <li>
                        <div  class="fl">
                          <span class="fl">助教</span>       
                          <div class="layui-inline">
                            <div class="layui-input-block">
                                <input type="text" readonly="readonly" class="layui-input title" lay-verify="required" placeholder="" value="甄妮；哈哈">
                            </div>
                          </div>    
                           </div>         
                            <span class="fl cursorlanl" >添加</span>            
                    </li>
               
                    <li>
                        <div  class="fl">
                        <span class="fl">销售</span>       
                          <div class="layui-inline">
                            <div class="layui-input-block">
                                <input type="text" readonly="readonly" class="layui-input title" lay-verify="required" placeholder="">
                            </div>
                        </div>
                          </div>         
                           <span class="fl cursorlanl" >添加</span>          
                    </li>
                </ul>
    
        
            <ul class="basic_two layui-form">
            <li>
                <span class="fl">课程目录</span>       
                <span class="fl">共13节</span>     
                 <span class="fl cursorlanl lookmulu">点击查看</span>          
            </li>
             <li>
                <span class="fl">课程资料</span>       
                <span class="fl">共8节</span>     
                 <span class="fl cursorlanl lookziliao">点击查看</span>          
            </li>
            <li>
            <span class="spansl">课程简介</span>      
            </li>
            <li>
            <div class="layui-form-text ">
            <div class="layui-input-blockt">
            <textarea placeholder="编写精彩的课程简介会更吸引人哦" class="layui-textarea" name="desc"></textarea>
            </div>
            </div>
            </li>
               
              <li  style="margin: 30px 0 0 0">
              </li>

                    <li>
                     <span1 class="fl">课程详情</span1>                     
                    </li>
            
                     </ul>
                      <div class="clear"></div>
            
          
   <div class="layui-btnqhui"  style="margin: 20px 0 0 435px;width:225px">+添加图片</div>

      
     <div class="layui-btn" id="save" style="margin: 20px 0 0 435px;">保存</div>
       
                

   </div>


            
   

                 
        </div>
        <!--右侧内容结束-->
    </div>

<div id="xiumulv" class="white_content">

       <div class="con layui-form">
           
            <div class="mulvul">
                   <div class="fl mulv"> ●  课程目录 </div>    
                   <div class="fl">    
                    <div class="layui-inline width260 marginr" >
                            <div class="layui-input-block width260">
                                <input type="text" class="layui-input width260 "  placeholder="请输入课程目录">
                            </div>
                        </div>  
                   </div>
            <div class="clear"></div>
            
            <div class="zhishidianpart">
                <div class="fl mulv marginr1">知识点1 </div>    
                 <div class="fl">    
                  <div class="layui-inline width260 marginr2" >
                          <div class="layui-input-block width260">
                              <input type="text" class="layui-input width260 "  placeholder="请输入知识点标题">
                          </div>
                      </div>  
                </div>
                <img class="fl marginr3" src="res/images/qx.png">
                  <div class="clear"></div>
                <div class="marginr4">
                 <div class="">
                授课时间
               </div>
                <div class="layui-inline width260">
                  <div class="layui-input-inline width260">
                    <input type="text" class="layui-input width260 test1" id="" placeholder="开始时间">
                  </div>
                </div>
                <div class="layui-inline width160">
                <div class="layui-input-inline width160">
                <input type="text" class="layui-input width160 test2" id="" placeholder="请选择授课时间">
                </div>
                </div> -
                <div class="layui-inline width160">
                <div class="layui-input-inline width160">
                <input type="text" class="layui-input width160 test3" id="" placeholder="请选择授课时间">
                </div>
                </div>
                </div>
             </div> 

             <div class="layui-btnqhui" style="margin: 0 0 0 90px">+添加知识点标题</div>

            <li>
            <span class="fl  mulv marginr1">允许试学</span>
            <div class=" fl marginr1">
            <input type="radio" name="shixue" value="是" title="是" checked="">
            <input type="radio" name="shixue" value="否" title="否">
            </div>
            </li>
            <div class="clear"></div>          
            </div>
      </div>

</div>

<!-- 查看目录 -->
<div id="lookmulu" class="white_content">
       <div class="con1">
         <img class="fr closewhite" src="res/images/3d0b1461ef43b3e0374c884e9cadf5f.png">  
         <p class="lookmulucenter ">课程目录</p>

        <div class="grey14">共13节</div>
        
         <ul>
            <li>
              <p>01 图标绘制</p>
              <div class="shipingd">
                <img class="fl" src="res/images/ks.png">
                <div class="fl marginmulv">
                 <div>有趣的图标变化史</div>
                 <div class="grey14">10-07 10:00-10:30 已结束</div>
                 </div>
                <div class="fr offxue">已开启试学</div>
                <div class="clear"></div>
              </div>
              <div class="shipingd">
                <img class="fl" src="res/images/ks.png">
               <div class="fl marginmulv">
                 <div>有趣的图标变化史</div>
                 <div class="grey14">10-07 10:00-10:30 已结束</div>
                 </div>
                <div class="fr offxue">已开启试学</div>
                <div class="clear"></div>
              </div>                      
            </li>
            <li>
              <p>02 图标绘制</p>
              <div class="shipingd">
                <img class="fl" src="res/images/ks.png">
                 <div class="fl marginmulv">
                 <div>有趣的图标变化史</div>
                 <div class="grey14">10-07 10:00-10:30 已结束</div>
                 </div>
                <div class="fr offxue">已关闭试学</div>
                <div class="clear"></div>
              </div>
                      
            </li>
         </ul>
       
      </div>
</div>

<!-- 查看资料 -->
<div id="lookziliao" class="white_content">
       <div class="con1">
           <img class="fr closewhite" src="res/images/3d0b1461ef43b3e0374c884e9cadf5f.png">  
         <p class="lookmulucenter">课程资料</p>
         <div class="grey14">共8份</div>
        
         <ul>
            <li>
         
              <div class="shipingd">
                <img class="fl shipingimg" src="res/images/ttt.png">
                <div class="fl marginmulv">
                 <div>UI进阶班课程材料.zip</div>
                 <div><span class="grey14">11-07 10:00 甄妮上传</span><span class="cursorqianlanm" >已下载</span></div>
                 </div>         
               <div class="fr user-header-top">
                  <a class="lindang "  href="">
                  <img src="res/images/gd.png">
                  </a>
                  <div class="tanshow">
                  <div class="triangle"></div>
                <div class="personal-fun ">
                    <ul>
                        <li class="fun-list">
                            <a href="javascript:;">下载</a>
                        </li>
                        <li class="fun-list">
                            <a href="javascript:;">删除</a>
                        </li>
                     
                    </ul>
                    </div>
                   </div>
                  </div>
                <div class="clear"></div>
              </div>
              <div class="shipingd">
                <img class="fl shipingimg" src="res/images/ttt.png">
               <div class="fl marginmulv">
                  <div>UI进阶班课程材料.zip</div>
                 <div><span class="grey14">11-07 10:00 甄妮上传</span></div>
                 </div>
                       <div class="fr user-header-top">
                  <a class="lindang "  href="">
                  <img src="res/images/gd.png">
                  </a>
                  <div class="tanshow">
                  <div class="triangle"></div>
                <div class="personal-fun ">
                    <ul>
                        <li class="fun-list">
                            <a href="javascript:;">下载</a>
                        </li>
                        <li class="fun-list">
                            <a href="javascript:;">删除</a>
                        </li>
                     
                    </ul>
                    </div>
                   </div>
                  </div>
                <div class="clear"></div>
              </div>       
                     <div class="shipingd">
                <img class="fl shipingimg" src="res/images/ttt.png">
               <div class="fl marginmulv">
                  <div>UI进阶班课程材料.zip</div>
                 <div><span class="grey14">11-07 10:00 甄妮上传</span></div>
                 </div>
                <div class="fr user-header-top">
                  <a class="lindang "  href="">
                  <img src="res/images/gd.png">
                  </a>
                  <div class="tanshow">
                  <div class="triangle"></div>
                <div class="personal-fun ">
                    <ul>
                        <li class="fun-list">
                            <a href="javascript:;">下载</a>
                        </li>
                        <li class="fun-list">
                            <a href="javascript:;">删除</a>
                        </li>
                     
                    </ul>
                    </div>
                   </div>
                  </div>
                <div class="clear"></div>
              </div>  

                     <div class="shipingd">
                <img class="fl shipingimg" src="res/images/ttt.png">
               <div class="fl marginmulv">
                  <div>UI进阶班课程材料.zip</div>
                 <div><span class="grey14">11-07 10:00 甄妮上传</span></div>
                 </div>
                        <div class="fr user-header-top">
                  <a class="lindang "  href="">
                  <img src="res/images/gd.png">
                  </a>
                  <div class="tanshow">
                  <div class="triangle"></div>
                <div class="personal-fun ">
                    <ul>
                        <li class="fun-list">
                            <a href="javascript:;">下载</a>
                        </li>
                        <li class="fun-list">
                            <a href="javascript:;">删除</a>
                        </li>
                     
                    </ul>
                    </div>
                   </div>
                  </div>
                <div class="clear"></div>
              </div>                 
            </li>
                  <div class="layui-btnqhui" style="margin: 10px 0 0 100px">+上传资料</div>
         </ul>
  
      </div>
</div>

<div class="black_overlay"></div>


  <!-- 底部结束 -->
    <!--账户总览结束-->

<script src="res/layui/layui.js"></script>
 <script src="res/js/jquery-1.9.1.min.js"></script>
 <script src="res/js/script.js"></script>
  <script src="res/js/global.js"></script>
    <script type="text/javascript" src="res/layui/config.js"></script>
<script>


layui.use(['jquery', 'steps','form', 'layedit', 'laydate', 'element'], function(){
  var form = layui.form
  ,layer = layui.layer
  ,layedit = layui.layedit
  ,laydate = layui.laydate
  ,element = layui.element;
   
    var $ = layui.$;

    $("#save").click(function () {
        // var $checkbox = $('.news_list tbody input[type="checkbox"][name="checked"]');
        // var $checked = $('.news_list tbody input[type="checkbox"][name="checked"]:checked');
        // if ($checkbox.is(":checked")) {
            layer.confirm('为了保证教学内容的完整性，课程详情提交审核后，课程详情每月只能修改1次。提交审核后，可通过“课程管理”调整课程简介和课程详情图，请您确认无误后再提交。', {title: '', btn : ['确定', '取消' ]}, function (index) {
                var index = layer.msg('取消中，请稍候', {icon: 16, time: false, shade: 0.8});
                for (var i = 0; i < $checked.length; i++) {
                    var id = $checked[i].value;
                    deleteUser(0, id);
                }

                form.render();
                layer.close(index);
                layer.msg("取消成功");
                
            })
        // } else {
        //     layer.msg("请选择需要删除的内容");
        // }
    })

});

  




</script>
</body>
</html>